$(function(){
    let index = 0;
    //下一个按钮
    $("#next").click(function(){
        index++;
        if(index > 4) {
            index = 0;
        }
        show(index);
    })
    //上一个按钮
    $("#prev").click(function(){
        index--;
        if(index < 0){
            index = $("#list img").length-1;
        }
        show(index);
       
    })
    //点击下边按钮
    $("#btns span").click(function() {
        let i = $(this).index();
        index = i;
        show(i);
    })
    function show(index) {
        $("#list img").eq(index).fadeIn().siblings().fadeOut();
        $("#btns span").eq(index).addClass("current").siblings().removeClass("current");

    }
})